<template>
  <div>
    <el-container>
      <el-header>
        <el-col :span="4" :offset="20"><el-button type="primary" @click="" style="margin-top: 15px">同步订单</el-button></el-col>
      </el-header>
      <el-main style="margin-top: -15px">
        <div id="table">
          <el-table
            :data="tableData"
            stripe
            border
            height="500"
            style="width: 100%;height: 100% ;">
            <el-table-column
              prop="orderid"
              label="序号"
              width="50">
            </el-table-column>
            <el-table-column
              prop="orderNo"
              label="订单编号"
              width="180">
            </el-table-column>
            <el-table-column
              prop="customerName"
              label="客户名称"
              width="180">
            </el-table-column>
            <el-table-column
              prop="orderTime"
              label="下单时间"
              width="180">
            </el-table-column>
            <el-table-column
              prop="leadtime"
              label="截止日期"
              width="180">
            </el-table-column>
            <el-table-column
              prop="finaltotal"
              label="订单金额"
              width="180">
            </el-table-column>
            <el-table-column
              prop="orderStatus"
              label="订单状态"
              width="180">
            </el-table-column>
            <el-table-column
              label="操作">
              <template slot-scope="scope">
                <el-button type="text" size="small">查看详情</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
    export default {
        name: "cloudy"
    }
</script>

<style scoped>

</style>
